/**
 * @export public
 * @doc_name 常用UI组件
 * @doc_index 22
 * @since 10003
 * @module miot/ui/NumberSpinner
 * @description 数字选择器
 * @example
 * 
    <NumberSpinner
        style={{width:200, height:100}}
        maxValue={30}
        minValue={1}
        defaultValue={5}
        unit={"km"}
        onNumberChanged={data=>{
            console.log(`newValue:${data.newValue},oldValue:${data.oldValue}`);
        }}
    />
                
    <NumberSpinner
        style={{width:300, height:200}}
        maxValue={30}
        minValue={-100}
        interval={2.5}
        defaultValue={80}
        valueFormat={"%.1f"}
        unit={"km"}
        onNumberChanged={data=>{
            console.log(`newValue:${data.newValue},oldValue:${data.oldValue}`);
        }}
    /> 
 * 
 * @property {bool} visible 是否可见
 * @property {string} unit 单位
 * @property {int} max 最大值
 * @property {int} min 最小值
 * @property {int} interval 步长，默认为1
 * @property {int} defaultValue 默认值
 * @property {string} valueFormat 格式
 * @property {func} onNumberChanged 值改变的回调
 */
export default class NumberSpinner extends React.Component {
  static defaultProps = {
    valueFormat: Platform.select({ ios: '%0.0f' })
  }
  static propTypes = {
    visible: PropTypes.bool,
    unit: PropTypes.string,
    maxValue: PropTypes.number,
    minValue: PropTypes.number,
    interval: PropTypes.number,
    defaultValue: PropTypes.number,
    valueFormat: PropTypes.string,
    onNumberChanged: PropTypes.func,
    ...ViewPropTypes,
  };
  render() {
     return null
  }
}